<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <!-- <link rel="stylesheet" href="../style/css/Productdetails.css"> -->
    <link rel="stylesheet" href="assets/iconfont/iconfont.css"> 
    <link rel="stylesheet" href="css/main.min.css">

    <style>
       
    </style>
</head>

<body>
    <header class="indexHead">
        <div class="layout">
            <ol class="headnavlef">
                <li><a href="#">首页</a></li>
                <li><a href="http://huawei.com">华为官网</a></li>
                <li><a href="#">花粉俱乐部</a></li>
                <li><a href="#">V码(优购玛)</a></li>
                <li><a href="#">企业购</a></li>
                <li><a href="#">Select</a></li>
                <li><a href="#">更多精彩</a></li>
            </ol>
            <ul id="indexHeadul">
                <li id="token"><a href="login.html">请登录&nbsp;注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">客户服务 <span></span></a></li>
                <li><a href="#">网站导航<span></span></a></li>
                <li><a href="#">手机版<span></span></a></li>
                <li><a href="#"> <i class="iconfont icon-gouwuche"></i> <i>购物车</i>
                        <i class="carnum">0</i></a></li>
            </ul>
        </div>
    </header>
    <div class="indexnav">
        <div class="indexnavmain">
            <div class="indexnavlef">
                <a href="index.html"><img src="assets/images/index/logo.png" alt="" class="indexlogo"></a>
                <ul>
                    <li><a href="#" class="huawei"><img src="assets/images/index/huawei.png" alt=""></a></li>
                    <li>莫塞尔专区</li>
                    <li>华为智慧屏</li>
                    <li>智能家居</li>
                    <li>NOVA8系列</li>
                </ul>
            </div>
            <div class="indexnavrig">
                <input type="text" placeholder="Mate x2">
                <span class="iconfont icon-sousuo1"></span>
            </div>

        </div>
    </div>
    
    <section class="sectionmap">
        <div class="title">
            <a href="index.html" title="首页">首页</a>&nbsp;>&nbsp;
            <a href="index.html" title="手机">手机</a>&nbsp;>&nbsp;
            <a href="index.html" title="HUAWEI Mate系列">HUAWEI Mate系列</a>&nbsp;>&nbsp;
            <span id="phoneid">HUAWEI Mate40E</span>
        </div>
        <div class="productmain">
            <div class="letbox">
                <div class="preview_img" id="productimg">
                    <img src="assets/images/mate40e1.png" alt="">
                    <div class="mask" id="mask"></div>
                    <div class="big" id="bigbox" style="background-color: #fff;">
                        <img src="assets/images/bigimg.png" alt="" class="bigImg">
                    </div>
                </div>
                <div class="wrap">
                    <ul class="photo">
                        <li><img src="assets/images/mate40e2.png" alt=""></li>
                        <li><img src="assets/images/mate40e3.png" alt=""></li>
                        <li><img src="assets/images/mate40e4.png" alt=""></li>
                        <li><img src="assets/images/mate40e5.png" alt=""></li>
                        <li><img src="assets/images/mate40e6.png" alt=""></li>
                    </ul>
                </div>
            </div>
            <div class="rigbox">
                <div class="itemInfo_wrap fr">
                    <div class="sku_name" id="productid">
                        HUAWEI Mate 40E 5G 全网通
                    </div>
                    <div class="news">
                        推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有花费返
                    </div>
                    <div class="summary">
                        <dl class="summary_price">
                            <dt>价格</dt>
                            <dd id="cardd">
                                <span class="money">￥</span><i class="price" id="phoneprice">5299.00 </i>
    
                                <a href="#">降价通知</a>
    
                                <div class="remark">累计评价<span class="ping">612188</span></div>
    
                            </dd>
                        </dl>
                        <dl class="summary_promotion">
                            <dt>促销</dt>
                            <dd>
                                <em>加购价</em> 满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换 购热销商品 详情 》
    
                            </dd>
                        </dl>
                        <dl class="summary_support">
                            <dt>支持</dt>
                            <dd>以旧换新，闲置手机回收 4G套餐超值抢 礼品购</dd>
                        </dl>
                        <dl class="choose_color">
                            <dt style="line-height: 61px;">选择颜色</dt>
                            <dd>
                                <a href="javascript:;" class="current">玫瑰金</a>
                                <a href="javascript:;">金色</a>
                                <a href="javascript:;">白色</a>
                                <a href="javascript:;">土豪色</a>
                            </dd>
                        </dl>
                        <dl class="choose_version">
                            <dt>选择版本</dt>
                            <dd>
                                <a href="javascript:;" class="current">公开版</a>
                                <a href="javascript:;">移动4G</a>
                            </dd>
                        </dl>
                        <dl class="choose_type">
                            <dt>购买方式</dt>
                            <dd>
                                <a href="javascript:;" class="current">官方标配</a>
                                <a href="javascript:;">移动优惠购</a>
                                <a href="javascript:;">电信优惠购</a>
                            </dd>
                        </dl>
                        <div class="choose_btns">
                            <div class="choose_amount">
                                <input type="text" value="1" id="productnum">
                                <a href="javascript:;" class="add" id="add">+</a>
                                <a href="javascript:;" class="reduce" id="reduce">-</a>
                            </div>
                            <a href="#" id="addcar">加入购物车</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <div class="tab">
        <div class="tab_list">
            <ul>
                <li tabid="1" class="current">商品介绍</li>
                <li tabid="2">规格与包装</li>
                <li tabid="3">售后保障</li>
                <li tabid="4">商品评价（50000）</li>
                <li tabid="5">手机社区</li>
            </ul>
        </div>
        <div class="tab_con">
            <div class="item" style="display: block;">
                <img src="assets/images/pre.jpg" alt="">
                <img src="assets/images/pre1.png" alt="">
                <img src="assets/images/pre2.jpg" alt="">
            </div>
            <div class="item">
                规格与包装模块内容
            </div>
            <div class="item">
                售后保障模块内容
            </div>
            <div class="item">
                商品评价（50000）模块内容
            </div>
            <div class="item">
                手机社区模块内容
            </div>
            
        </div>
    </div>
    <div class="box-ct">
        <p>恭喜您已成功加入购物车!</p>
        <p style="margin-top: 28px;"><a class="seesee">再逛逛</a><a class="buy" href="ShoppingCart.html">去结算</a></p>
    </div>
    <div class="box-mask"></div>
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/productdetails.js"></script>
    

    
    

</body>

</html>